<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 
 <%@include file="/WEB-INF/page/common/taglib.jsp" %>
 
 <html lang="zh-CN">
  
  <head>
  
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title></title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
	<link href="/css/member/iconfont.css" rel="stylesheet">
	<link href="/css/member/swiper.min.css" rel="stylesheet">
    <link href="/css/member/style.css" rel="stylesheet">
	<link href="/css/member/user.css" rel="stylesheet">
	
	<script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
	<script src="/js/swiper.min.js"></script>
	<!--用户-->
	<script src="/js/user.js"></script>
	
  </head>
  <body>
    
    <jsp:include page="/WEB-INF/page/member/head.jsp"/>
    
	<nav class="navbar navbar-default">
	  <div class="container">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
		  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		  </button>
		</div>
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		  <ul class="nav navbar-nav">
			<li class="active"><a href="#">我的账户</a></li>
			<li><a href="#">商城首页</a></li>
			<li><a href="#">帮助中心</a></li>
		  </ul>
		  <ul class="nav navbar-nav navbar-right">
			<li><a href="#" class="cartBtn"><i class="icon iconfont icon-chaoshi"></i><span class="cartNums">2</span>去结算</a></li>
		  </ul>
		</div><!-- /.navbar-collapse -->
	  </div><!-- /.container-fluid -->
	</nav>
	<div class="container">
		<div class="bread">
			当前位置：<a href="">首页</a> &gt; <a href="UserDefault.html">会员中心</a> &gt; 个人信息
		</div>
		<div class="user-main row clearfix">
			<div id="uMenu" class="col-md-2 col-sm-3">
				<div class="userNav">
					<dl>
						<dt><i></i>我的交易记录</dt>
						<dd><a href="/member/userOrders">订单管理</a></dd>
						<dd><a href="/member/userRefundApply">退款申请单</a></dd>
						<dd><a href="/member/userReturnsApply">退货申请单</a></dd>
						<dd><a href="/member/userReplaceApply">换货申请单</a></dd>
						<dd><a href="/member/userPoints">我的积分</a></dd>
						<dd><a href="/member/myCoupons">我的优惠券</a></dd>
					</dl>
					<dl>
						<dt>商品收藏与评论</dt>
						<dd><a href="/member/favorites">收藏夹</a></dd>
						<dd><a href="/member/userConsultations">咨询/回复</a></dd>
						<dd><a href="/member/userProductReviews">我参与的评论</a></dd>
						<dd><a href="/member/userBatchBuy">商品批量购买</a></dd>
					</dl>
					<dl>
						<dt>预付款账户</dt>
						<dd><a href="/member/myAccountSummary">预付款账户</a></dd>
						<dd><a href="/member/rechargeRequest">预付款充值</a></dd>
						<dd><a href="/member/myAccount">账户安全</a></dd>
					</dl>
					<dl>
						<dt>个人设置</dt>
						<dd><a href="/member/userProfile">个人信息</a></dd>
						<dd><a href="/member/updatePassword">修改密码</a></dd>
						<dd><a href="/member/userShippingAddresses">我的收货地址</a></dd>
					</dl>
					<dl>
						<dt>站内消息</dt>
						<dd><a href="/member/userReceivedMessages">收件箱(<span class="style-red">0</span>)</a></dd>
						<dd><a href="/member/userSendedMessages">发件箱</a></dd>
						<dd><a href="/member/userSendMessage">给管理员发消息</a></dd>
					</dl>
				</div>
				<a href="" class="logoutBtn">安全退出</a>
			</div>
			<div class="col-md-10 col-sm-9 userContent">
				<div class="uSendMsg">
					<h3 class="utitle">个人信息</h3>
					<div class="sMsgFrm clearfix">
						<div id="crop-avatar" class="col-md-4 text-center">
							<div class="avatar-view" title="更改用户头像">
								<img src="/images/member/logo.jpg" alt="头像">
							</div>
						</div>
						<div class="col-md-8">
							<form class="form-horizontal" method="post" action="/member/userProfile">
								<!-- 登录用户ID -->
								<input type="hidden" name="id" value="${id}">
								<div class="form-group">
									<label class="col-sm-2 control-label">真实姓名:</label>
									<div class="col-sm-10">
									  <input type="text" class="form-control" name="realName" value="${buyer.realname}">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label"><span class="style-red">*</span>&nbsp;电子邮箱:</label>
									<div class="col-sm-10">
									  <input type="text" class="form-control" name="email" value="${buyer.email}">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label"><span class="style-red">*</span>&nbsp;手机号码:</label>
									<div class="col-sm-10">
									  <input type="text" class="form-control" name="mobile" value="${buyer.mobile}">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">性别:</label>
									<div class="col-sm-10">
									  <label class="control-label"><input type="radio" name="gender" value="0" <c:if test="${'0' eq buyer.gender}">checked="checked"</c:if>> 保密 </label>&nbsp;&nbsp;&nbsp;
									  <label class="control-label"><input type="radio" name="gender" value="1" <c:if test="${'1' eq buyer.gender}">checked="checked"</c:if>> 男 </label>&nbsp;&nbsp;&nbsp;
									  <label class="control-label"><input type="radio" name="gender" value="2" <c:if test="${'2' eq buyer.gender}">checked="checked"</c:if>> 女 </label>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">生日:</label>
									<div class="col-sm-10">
									  <input type="text" class="form-control" name="birthdayName" value="<fmt:formatDate value="${buyer.birthday}" pattern="yyyy-MM-dd"/>" onclick="laydate({format: 'YYYY-MM-DD'})">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">省/市:</label>
									<div class="col-sm-10 areabox">
										<select name="province" class="form-control">
											<option value="0">请选择省</option>
											<c:if test="${null ne buyer.province and '' ne buyer.province}">
												<option value="${buyer.province}" selected="selected">${buyer.province}</option>
											</c:if>
										</select>
										<select name="city" class="form-control">
											<option  value="0">市</option>
											<c:if test="${null ne buyer.city and '' ne buyer.city}">
												<option value="${buyer.city}" selected="selected">${buyer.city}</option>
											</c:if>
										</select>
										<select name="county" class="form-control">
											<option  value="0">区/县</option>
											<c:if test="${null ne buyer.county and '' ne buyer.county}">
												<option value="${buyer.county}" selected="selected">${buyer.county}</option>
											</c:if>
										</select>
										<select name="street" class="form-control">
											<option  value="0">街道</option>
											<c:if test="${null ne buyer.street and '' ne buyer.street}">
												<option value="${buyer.street}" selected="selected">${buyer.street}</option>
											</c:if>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">详细地址:</label>
									<div class="col-sm-10">
									  <input type="text" class="form-control" name="address" value="${buyer.address}">
									</div>
								</div>
								<!-- <div class="form-group">
									<label class="col-sm-2 control-label">旺旺号码:</label>
									<div class="col-sm-10">
									  <input type="text" class="form-control" name="wangwang">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">QQ号码:</label>
									<div class="col-sm-10">
									  <input type="text" class="form-control" name="qq">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">微信号码:</label>
									<div class="col-sm-10">
									  <input type="text" class="form-control" name="weixin">
									</div>
								</div> -->
								<div class="form-group">
									<div class="col-sm-offset-2 col-sm-10">
									  <button type="submit" class="btn btn-warning">提交</button>
									  <button type="reset" class="btn btn-default ml20">重置</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<!--更改头像弹出框 begin-->
	<div class="modal fade" id="avatar-modal" aria-hidden="true" aria-labelledby="avatar-modal-label" role="dialog" tabindex="-1">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<form class="avatar-form" action="upload.php" enctype="multipart/form-data" method="post">
					<div class="modal-header">
						<button class="close" data-dismiss="modal" type="button">&times;</button>
						<h4 class="modal-title" id="avatar-modal-label">更改用户头像</h4>
					</div>
					<div class="modal-body">
						<div class="avatar-body">
							<div class="avatar-upload">
								<input class="avatar-src" name="avatar_src" type="hidden">
								<input class="avatar-data" name="avatar_data" type="hidden">
								<label for="avatarInput">头像上传</label>
								<input class="avatar-input" id="avatarInput" name="avatar_file" type="file"></div>
							<div class="row">
								<div class="col-md-9">
									<div class="avatar-wrapper"></div>
								</div>
								<div class="col-md-3">
									<div class="avatar-preview preview-lg"></div>
									<div class="avatar-preview preview-md"></div>
									<div class="avatar-preview preview-sm"></div>
								</div>
							</div>
							<div class="row avatar-btns">
								<div class="col-md-9">
									<div class="btn-group">
										<button class="btn" data-method="rotate" data-option="-90" type="button" title="Rotate -90 degrees"><i class="fa fa-undo"></i> 向左旋转</button>
									</div>
									<div class="btn-group">
										<button class="btn" data-method="rotate" data-option="90" type="button" title="Rotate 90 degrees"><i class="fa fa-repeat"></i> 向右旋转</button>
									</div>
								</div>
								<div class="col-md-3">
									<button class="btn btn-success btn-block avatar-save" type="submit"><i class="fa fa-save"></i> 保存修改</button>
								</div>
							</div>
						</div>
					</div>
			</form>
		</div>
	  </div>
	</div>

	<div class="loading" aria-label="Loading" role="img" tabindex="-1"></div>


    
  </body>
</html>